<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>picnet.ui.TabSlideOutMenu</title>
  <!-- DEBUG
  <script src="../../lib/closure-library/closure/goog/base.js"></script>
  <script src="../deps.js"></script>  
  <script>goog.require('picnet.closure.repo.demoscripts');</script>
  -->
  <!-- COMPILED -->
  <script src="scripts.min.js"></script>
  
  <link rel="stylesheet" href="css/demo.css">  
  <link rel="stylesheet" href="../picnet/ui/css/tabslidemenu.css">
</head>
<body>
  <h1>picnet.ui.TabSlideOutMenu</h1>
  <div style='height:860px;'>
	This is an example of the picnet.ui.TabSlideOutMenu ui control.  For more details please see original project at <a href='http://www.building58.com/examples/tabSlideOut.html' target='_blank'>here</a>.
	Note: A big thanks goes out to the original author William Paoli for his permission to port and publish this very useful UI component.
  </div>
  <div id='panel1' class="panel">
	<a id="panel1_handle" class="handle" href="panel 1" title="This is the panel (1)">Panel 1</a>	
    <div class='panel_title'><p>Panel 1</p></div>		
    <div class='content'>
		Note: This project is a port of an existing jQuery open source project called <a href='http://www.building58.com/examples/tabSlideOut.html' target='_blank'>TabSlideOut</a>.
		So for any usage questions first check the above web site.
	</div>	
  </div>
  
  <div id='panel2' class="panel">
	<a id="panel2_handle" class="handle" href="panel 1" title="This is the panel (2)">Panel 2</a>	
    <div class='panel_title'><p>Panel 2</p></div>		
    <div class='content'>
		
	</div>	
  </div>

  <script type="text/javascript">    
  picnet.closure.repo.demoscripts.tabslidemenu();  
  </script>
</body>
</html>
